<template>
  <div id="app">
     <Foot></Foot>
     <backTop></backTop>
     <router-view></router-view>
  </div>
</template>

<script>

import Foot from './components/base/Foot'
import backTop from './components/base/backTop'
export default {
  name: 'App',
  components: {
    Foot,
    backTop
  }
}
</script>

<style lang="less">
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
  position: relative;
  text-decoration: none!important;
}
.fontcolor{
  color: #22887d;
}
*{
  padding: 0;
  margin:0;
  list-style:none;
  vertical-align: top;
}
a{
  color: #000;
  text-decoration: none;
}
p{
  margin: 0;
}
.mint-search{
  height: auto!important;
}
.mint-searchbar{
    background: transparent;
    padding: 11px 10px;     
  }
.mintui-search{
  font-size: 16px!important;
  margin-right: 2px;
  position: relative;
  top: 1px;
}
.mint-searchbar-cancel{
  color: #fff!important;
  font-size: 14px!important;
}
.swiper-pagination-bullet-active-main{
  background: #B2DFEE !important;
}
.lt{
  float: left!important;
}
.rt{
  float: right!important;
}
.img-wraper{
      border: none;
      border-radius: 0!important;
    }
.img-inner-box{
  border: none;
  border-radius: 0!important;
  padding-bottom: 1px!important;
  background: #fff!important;
}
.dot{
  background: #737373!important;
}
.login{
  z-index: 9999;
}
h1,h2,h3,h4,h5{
  font-weight: normal;
}
i{
  /*line-height: normal;*/
}
.backTop{
  z-index: 99999;
}
</style>
